<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/demo.css">


<body>
    <div class="main">
        <!-- 价格表 -->
        <div class="Price-list wrapper">
            <h2 class="title">职创未来学费价格表</h2>
            <p class="secondary">更新日期：2023年9月1日</p>
        </div>

        <!-- 表格整体 -->
        <div class="list wrapper">
            <!-- 表格 -->
            <table class="table">
                <!-- 表头 -->
                <thead class="table-head">
                    <!-- tr表示一行 -->
                    <tr class="first line">
                        <!-- th：表头单元格数据 -->
                        <th class="TH">校区</th>
                        <th>学科类型</th>
                        <th>学费价格</th>
                        <th>学习周期</th>
                        <th>班级人数</th>
                    </tr>
                </thead>

                <!-- 表格内容 -->
                <tbody class="content">
                    <!-- 第一行 -->
                    <tr>
                        <td rowspan="4">武汉校区</td>
                        <td>物联网AIOT</td>
                        <td>面议(学生享更多优惠)</td>
                        <td>6个月</td>
                        <td>20~35人</td>
                    </tr>
                    <!-- 第二行 -->
                    <tr>

                        <td>Java全栈开发</td>
                        <td>面议(学生享更多优惠)</td>
                        <td>6个月</td>
                        <td>20~35人</td>
                    </tr>
                    <!-- 第三行 -->
                    <tr>

                        <td>鸿蒙应用开发</td>
                        <td>面议(学生享更多优惠)</td>
                        <td>6个月</td>
                        <td>20~35人</td>
                    </tr>
                    <!-- 第四行 -->
                    <tr>

                        <td>UI全链路设计</td>
                        <td>面议(学生享更多优惠)</td>
                        <td>5个月</td>
                        <td>15~25人</td>
                    </tr>
                </tbody>
                <!-- 表尾 -->
                <tfoot class="Tail">
                    <!-- 表尾文字 -->
                    <tr class="Tail-text">
                        <td colspan="5"><span> 重要提示：</span>校区为直营，授课模式为全日制面授课程 更多问题可咨询老师</td>

                    </tr>
                </tfoot>
            </table>
        </div>
    </div>


</body>

</html>